<template>
  <div class="detailnav">
    <div class="nav">
        <div class="cart">
            <span class="iconfont">&#xe64c;</span>
        </div>
        <div class="add_cart">加入购物车</div>
        <div class="now_buy">立即购买</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'DetailNav',
  data () {
    return {
      
    }
  }
}
</script>


<style lang="stylus" scoped>
.detailnav
    width 100%
    height 1rem
    background gray
    z-index 99
    position fixed    
    bottom 0     
    text-align center 
    .nav
        width 100%
        height 100%
        position relative
        .cart 
            width 20%
            height 100%
            background-color #fff
            padding .2rem 0
            .iconfont
                font-size .64rem
        .add_cart
            width 40%
            height 100%
            color #fff
            font-size .40rem
            line-height .36rem
            padding-top .3rem
            background lightgray
            position absolute
            top  0
            left  20%
        .now_buy
            width 40%
            height 100%
            color #ffffff
            font-size .40rem
            line-height .36rem
            padding-top .3rem
            background-color #333
            position absolute
            top  0
            left  60%
</style>
